<template>
    <div class="main">
        <div class="main-box">
            <p class="sorry">抱歉！ 您访问的页面不存在或登录失效。</p>
            <p>· 检查您是否使用了错误的网址链接</p>
            <p>· 检查您的网址拼写是否正确链接</p>
            <!-- <div class="error-handle">
                <el-button @click="$router.push('/')">返回首页</el-button>
                <el-button type="primary" @click="goBack">返回上一页</el-button>
            </div> -->
        </div>
       
    </div>
</template>
<script setup lang="ts">
import { getCurrentInstance, onMounted, ref } from 'vue';
import { useRouter } from 'vue-router';
let iframeHeight = ref(800);
let proxy = getCurrentInstance() as any;
let router = useRouter();
onMounted(()=>{
    proxy.$message.error('token失效，请重新登录！')
})
let goBack = ()=>{
    router.go(-1);
}
</script>
<style lang="scss" scoped>
.main{ height:100vh; padding-top:70vh; background: url(pic_404.png) center 30% no-repeat; box-sizing:border-box}
.main-box{ width:600px; margin:0 auto;}
.main p{ float:left; width:50%; font-size:16px; line-height:32px;}
.main p.sorry{ width:100%; font-size:24px; font-weight:bold; color:#064cff; padding-bottom:20px; text-align:center}
.error-handle{ margin-top: 30px; padding-bottom: 200px; width: 100%; float: left; text-align: center;}
</style>